<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div
      style="
        width: 2000px;
        height: 500px;
        position: relative;
        left: 100px;
        top: 200px;
        background-color: gray;
        border: 3px solid red;
      "
    >
      <div
        style="
          width: 200px;
          height: 100px;
          background-color: rebeccapurple;
          border: 1px solid red;
          position: relative;
          top: 100px;
          left: -100px;
          z-index: 200;
        "
      ></div>

      <div
        style="
          width: 200px;
          height: 100px;
          background-color: yellow;
          border: 1px solid red;
          position: relative;
          top: 50px;
          left: -50px;
          z-index: 300;
        "
      ></div>
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <p>nihao</p>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
  </body>
</html>
